{% extends "base.html" %}
{% block body %}
    <div class="wrapper">
        <aside class="navbar navbar-vertical navbar-expand-lg navbar-dark">
            <div class="container-fluid">
                <h1 class="navbar-brand navbar-brand-autodark">
                    <a href="{{ ADMIN_PATH }}">
                        <img src="{{ LOGO_URL }}" width="110" height="32" alt="Tabler"
                             class="navbar-brand-image">
                    </a>
                </h1>
                <div class="collapse navbar-collapse" id="navbar-menu">
                    <ul class="navbar-nav pt-lg-3">
                        {% for resource in resources %}
                            {% if resource.type == 'link' %}
                                {% include 'components/link.html' %}
                            {% elif resource.type == 'model' %}
                                {% include 'components/model.html' %}
                            {% elif resource.type == 'dropdown' %}
                                {% include 'components/dropdown.html' %}
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </aside>
        <div class="page-wrapper">
            <div class="container-fluid">
                <div class="page-header d-print-none">
                    {% block page_header %}
                        <div class="row align-items-center">
                            <div class="col">
                                <div class="page-pretitle">
                                    {{ page_pre_title or '' }}
                                </div>
                                <h2 class="page-title">
                                    {{ page_title or '' }}
                                </h2>
                            </div>
                        </div>
                    {% endblock %}
                </div>
            </div>
            <div class="page-body">
                <div class="container-fluid">
                    <div class="row row-deck row-cards">
                        {% block page_body %}

                        {% endblock %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
